<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>

<html:form action="personal.do" method="post" styleClass="hform">
		<ul>
			<li>
				<label><em>*</em> Nombre: </label>
				<html:text styleId="nombre" styleClass="ui-widget-header" property="nombre"/> 
				<script type="text/javascript">
					var f1 = new LiveValidation('nombre', { validMessage :" ", wait :5});
					f1.add(Validate.Presence, {failureMessage :"  Campo obligatorio."	});
					f1.add(Validate.Length, {minimum :3	});
				</script>
			</li>
			<li>
				<label><em>*</em> Apellido Paterno: </label> 
				<html:text styleId="apellidoP" styleClass="ui-widget-header" property="apellidoPaterno" />
				<script type="text/javascript">
					var f1 = new LiveValidation('apellidoP', {validMessage :" ",wait :5	});
					f1.add(Validate.Presence, {failureMessage :"  Campo obligatorio."});
					f1.add(Validate.Length, {minimum :3	});
				</script>
			</li>
			<li>
				<label><em>*</em> Apellido Materno: </label> 
				<html:text styleId="apellidoM" styleClass="ui-widget-header" property="apellidoMaterno" />
				<script type="text/javascript">
					var f1 = new LiveValidation('apellidoM', { validMessage :" ", wait :5 });
					f1.add(Validate.Presence, {failureMessage :"  Campo obligatorio."});
					f1.add(Validate.Length, {minimum :3	});
				</script>
			</li>
			<li>
				<label>Edad:</label> 
				<html:text styleId="edad" styleClass="ui-widget-header" property="edad"/>	
				<script type="text/javascript">
					var f1 = new LiveValidation('edad', { validMessage :" ",wait :5	});
					f1.add(Validate.Numericality, {onlyInteger :true,minimum :18,maximum :100});
				</script>
			</li>
			<li>
				<label>Sexo:</label> 
				<html:select property="sexo" styleId="sexo" styleClass="ui-widget-header" size="1">
					<html:option value="Selecciona...">Selecciona...</html:option>
					<html:option value="Masculino">Masculino</html:option>
					<html:option value="Femenino">Femenino</html:option>
				</html:select>
				<script type="text/javascript">
					var var1 = new LiveValidation('sexo', { validMessage: " ", wait: 5 });
					var1.add(Validate.Exclusion, { within: ['Selecciona...'], failureMessage: "Selecciona una opcion"});
				</script>
			</li>
			<li>
				<label>Estado Civil:</label> 
				<html:select property="edoCivil" styleId="edoCivil" styleClass="ui-widget-header" size="1">
					<html:option value="Selecciona...">Selecciona...</html:option>
					<html:option value="Soltero">Soltero</html:option>
					<html:option value="Casado">Casado</html:option>
				</html:select>
				<script type="text/javascript">
					var var1 = new LiveValidation('edoCivil', { validMessage: " ", wait: 5 });
					var1.add(Validate.Exclusion, { within: ['Selecciona...'], failureMessage: "Selecciona una opcion"});
				</script>
			</li>
			<li>
				<label> Fecha de Nacimiento:</label>
				<html:text styleClass="ui-widget-header" styleId="datepicker1" property="fechaNacimiento" />
			</li>
		</ul>
		<br>
		<div id="izq">		
			<html:hidden property="accion" value="setInfo"/>			
			<button type="submit" class="ui-state-active ui-corner-all">
					<span style="vertical-align:middle;"><img src="images/guardar.png" height="24" ></span>
					<span style="vertical-align:middle; padding: 0 0 13px;">&nbsp;Guardar&nbsp;</span>					
			</button>
			&nbsp;&nbsp;
			<button id="limpiar" type="reset" class="ui-state-active ui-corner-all">
				<span style="vertical-align:middle;"><img src="images/limpiar.png" height="24"></span>
				<span style="vertical-align:middle; padding: 0 0 13px;">&nbsp;Limpiar&nbsp;</span>								
			</button>
		</div>
		<br/><br/>
</html:form>
